<template>
  <el-card class="box-card">
  <div slot="header" class="card-heaer">
    <span style="line-height: 36px;">全球紧急救援-遗体运返安葬报案信息</span> 
    <el-button type="danger" style="float:right" @click="delect"  v-if="newState=='新增'|| (newState=='待办任务' && isNewAdd)" >删除</el-button>
  </div>
  
  <el-form ref="form" :model="fromlist[model].obj"  :rules.sync="modelrules" label-width="200px">
  
      <el-form-item label="被保险人死亡时间:"  prop="RI_HBURIAL_TIME">
          <el-date-picker
      v-model="fromlist[model].obj.RI_HBURIAL_TIME"
      type="datetime"
      :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"
      placeholder="选择日期时间">
    </el-date-picker>
    
  </el-form-item>
   <el-form-item label="是否是美国境内:"  prop="RI_HBURIAL_ISUS" >
    <el-radio-group  v-model="fromlist[model].obj.RI_HBURIAL_ISUS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" >
      <el-radio label="是" ></el-radio>
      <el-radio label="否"  ></el-radio>      
    </el-radio-group>        
  </el-form-item>
  <el-form-item label="被保险人所在地:"  v-show="fromlist[model].obj.RI_HBURIAL_ISUS!='否'"
   :rules="{
      required: fromlist[model].obj.RI_HBURIAL_ISUS!='否', message: '项目名称不能为空', trigger: 'blur'
    }">
    <el-radio-group style="float:left; ">
    <el-cascader style="width:350px" :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"
    :options="address"
    v-model="fromlist[model].obj.RI_HBURIAL_ADDRESS"
   >
  </el-cascader>  
    </el-radio-group>
    
  </el-form-item>
    
   <el-form-item label="被保险人所在地详细地址:"  prop="RI_HBURIAL_ADDRESSDETAIL">
    <el-input v-model="fromlist[model].obj.RI_HBURIAL_ADDRESSDETAIL"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  <el-form ref="form" :model="fromlist[model].obj" label-position="top" :rules.sync="modelrules" label-width="180px">
   <el-form-item label="详情描述(意外事故说明/急性病症状、初次就医时间、就医持续时间、死亡原因等)"  prop="RI_HMEDIA_DETAIS">
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBURIAL_DETAILS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"></el-input>
</el-form-item>
  </el-form>
 <el-form-item label="遗体处理方式:"  prop="RI_HBURIAL_TYPE">
  <el-select placeholder="遗体处理方式" v-model="fromlist[model].obj.RI_HBURIAL_TYPE"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )">
        <el-option label="遗体运送回国" value="遗体运送回国"></el-option>
        <el-option label="火葬和运送骨灰回国" value="火葬和运送骨灰回国"></el-option>
        <el-option label="就地安葬" value="就地安葬"></el-option>
    </el-select>
    提醒：灵柩费和骨灰盒都有保额限制，需告知报案人相关信息
</el-form-item>
<el-form-item label="是否需要力众提供协助:"  prop="RI_HBURIAL_ISLZ" >
    <el-radio-group  v-model="fromlist[model].obj.RI_HBURIAL_ISLZ" @change="isLz" :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" >
      <el-radio label="是" ></el-radio>
      <el-radio label="否"  ></el-radio>      
    </el-radio-group>   
     
  </el-form-item>
  <el-form-item>
     
</el-form-item>
<el-form-item label="审核:" v-if="newState=='审核'|| ( newState=='追加'&& !isNewAdd)">
    <el-select placeholder="审核" v-model="fromlist[model].obj.RI_HBURIAL_STATE" :disabled=" (newState=='审核' && oldState!='需审核') || (newState=='追加' && !isNewAdd ) ">
        <el-option label="审核通过" value="审核通过"></el-option>
        <el-option label="退回重新填写" value="需修改"></el-option>
        <el-option label="拒赔" value="审核不通过"></el-option>
    </el-select>
</el-form-item>
<el-form-item label="拒赔原因:" v-if="fromlist[model].obj.RI_HBURIAL_STATE=='审核不通过'"> 
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBURIAL_WHY"   :disabled="newState!='审核'"></el-input>
</el-form-item>
<el-form-item label="修改原因:" v-if="fromlist[model].obj.RI_HBURIAL_STATE=='需修改'"> 
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBURIAL_WHY"   :disabled="newState!='审核'"></el-input>
</el-form-item>
</el-form>
</el-card>
</template>
<script>
    import {
        mapState
    } from 'vuex';
    export default {
        data() {
            return {
                medical: this.$store.state.reportform.medical,
                oldState: this.$store.state.reportform.fromlist[this.model].obj.RI_HBURIAL_STATE, 
                showwhy: false,               
                hospatialList: [],
                issuccess: false //是否通过
            }
        },
        props: {
           //对象
           model:{
              type: Number,
                default: 0
           },
         //状态2.0 新增 追加 待办任务
        newState: {
            type: String,
            default: "新增"
        },
        //状态2.0 代办任务中是否是需修改的 默认是true
        newIsEditer: {
            type: Boolean,
            default: true
        },
        //状态2.0 追加中是否是新增 默认是false 可以编辑
        isNewAdd: {
            type: Boolean,
            default: false
        },       
           //对象约束
           modelrules:{
                 type: Object,
                default: {}
           },
          
            //是否是审核
            ischeck: {
                type: Boolean,
                default: false
            }
          
        },
       
        methods: {         
             isLz() {
            if (this.fromlist[this.model].obj.RI_HBURIAL_ISLZ == "是") {
                 this.$alert('请根据报案人选择方式，联系相应机构，后期回拨受益人进行反馈', '提示', {
                    confirmButtonText: '确定',
                    callback: action => {

                    }
                });
            } else {
                this.$alert('请提示报案人处理完成后，需及时告知力众进行理赔处理', '提示', {
                    confirmButtonText: '确定',
                    callback: action => {

                    }
                });
            }

        },
            // checkchange() {
            //     if (this.medical.RI_MEDICAL_STATE != "审核通过" && this.medical.RI_MEDICAL_STATE != "") {
            //         this.showwhy = true;
            //     } else {
            //         this.showwhy = false;
            //     }
            // },
            handleCurrentChange(val) {
                this.currentRow = val;
              
                if(val!=null&& val!={})
                 this.medical.RI_MEDICAL_HLNAME=val.RECOMMENDHOSPITAL_ID;
                
            },
            delect(){
          
                if (this.model !== -1) {
                    this.fromlist.splice(this.model, 1)
                }
            }
        },
        computed: mapState({
            // 箭头函数可使代码更简练
            // medical: state => state.reportform.medical,
            address: state => state.select.address,
            medicalrules: state => state.reportform.medicalrules,
             fromlist:state => state.reportform.fromlist
        })
      
    }
</script>
